<template>
    <section>
        <h1>{{title}}</h1>
        <div>
            <ul class="nav">
            <li><router-link to="/Product/NewProduct">新品</router-link></li>
            <li><router-link to="/Product/PromotionProduct">促销</router-link></li>
            <li><router-link to="/Product/StarProduct">明星单品</router-link></li>
        </ul>
        </div>
        <div class='content'>
            <router-view></router-view>
        </div>
    </section>
</template>

<script>
export default {
    data(){
        return{
            title:'产品主页'
        }
    }
}
</script>
<style scoped>
h1{
    text-align: center;
}
.nav {
    display: flex;
    justify-content: space-around;
    height: 1rem;
    line-height: 1rem;
    background: #ddd;
}
.content{
    
}
</style>